<!DOCTYPE html>
<html style="background-color: #F2F2F2;">
<head>
	
	<title><?php echo _MANAGER_TITLE_; ?></title>

	<?php $this->setFlag('list,vue'); ?>
	<?php $this->import('meta'); ?>

	<link rel="stylesheet" type="text/css" href="html/console/record/css/report.css" />

    <script type="text/javascript" src="html/console/record/js/report.js"></script>

</head>
<body>

	<div style="display: none;"></div>
	<div id="loadSpin" class="bg"></div>

	<div id="mainBg" class="bg" style="display: none;">

        <input type="text" id="reasonInfo" class="display-none" />
		<input type="text" id="statusInfo" value="0" class="display-none" />
        <input type="text" id="tempid" class="display-none" />
        <input type="text" id="menuid" class="display-none" />

        <div class="condition-bar">
			<div class="option-bar">
				<div class="option-item" onclick="showOption('1')">
                    <span id="optionItemText1" class="option-item-text">待处理</span>
                    <span><img id="optionItemimg1" src="static/pic/app/option_down.png" class="option-item-img" /></span>
                </div>
                <div class="option-item" onclick="showOption('2')">
                    <span id="optionItemText2" class="option-item-text">举报原因</span>
                    <span><img id="optionItemimg2" src="static/pic/app/option_down.png" class="option-item-img" /></span>
                </div>
			</div>
		</div>
		<div class="condition-empty-area"></div>

		<div class="count-bar">
			共 <span id="listCount" class="count-color">0</span> 条信息
		</div>

		<div id="listBar">
			<div v-bind:id="'report' + info.reportid" v-for="info in list">
				<div class="list-bar">
        			<div class="list-title">{{ info.details }}</div>
        			<div class="list-remark">
        				<div class="list-remark-left">举报时间：{{ info.reporttime }}</div>
        			</div>
                    <div class="list-remark2">
                        <div class="list-remark-left">举报原因：{{ info.reason }}</div>
                    </div>
                    <div class="list-remark2">
                        <div class="list-remark-left">
                        	所属模块：<template v-if="info.module == 'electronic'">家电维修</template>
	                        <template v-else-if="info.module == 'housecraft'">家政服务</template>
	                        <template v-else-if="info.module == 'other'">其他服务</template>
	                    	<template v-else>异常</template>
                        </div>
                    </div>
                    <template v-if="info.person != '' || info.phone != ''">
                    	<div class="list-remark2">
	                        <div class="list-remark-left">
	                        	<template v-if="info.person != '' && info.phone != ''">联系方式：{{ info.person }}，{{ info.phone }}<br />
		                    	</template>
		                        <template v-else-if="info.person != '' || info.phone != ''">联系方式：{{ info.person }}{{ info.phone }}<br />
		                        </template>
	                        </div>
	                    </div>
                    </template>
                    <div class="list-remark2">
                        <div class="list-remark-left">
                        	处理状态：<template v-if="info.status == 0"><span class="tc1">待处理</span></template>
	                        <template v-else-if="info.status == 1"><span class="tc2">处理完毕</span></template>
	                        <template v-else>异常</template>
                        </div>
                    </div>
                    <template v-if="info.status == 1">
                    	<div class="list-remark2">
                    		<div class="list-remark-left">处理结果：{{ info.result }}</div>
                    	</div>
                    </template>
        		</div>
                <div class="list-tool">
                    <div class="list-tool-left"></div>
                    <div class="list-tool-btn2" v-on:click="viewReportInfo(info.association, info.module)">查看被举报信息</div>
                    <template v-if="info.status == 1">
                    	<div class="list-tool-btn2" v-on:click="viewLog(info.reportid)">日志记录</div>
                    </template>
                </div>
				<div class="list-separate"></div>
			</div>
		</div>

		<?php $this->import('page'); ?>
		<?php $this->import('totop'); ?>
		<?php $this->import('slipiframe'); ?>
		<?php $this->import('slipoption'); ?>

		<div id="optionItemFloatDiv1" class="option-item-float-div1" style="display: none;">
        	<div class="select-item" onclick="selectOption(this, '0', 'statusInfo', '待处理')">
                <div class="select-text-click">待处理</div>
                <img class="select-img" src="static/pic/app/option_click.png" />
            </div>
            <div class="select-item" onclick="selectOption(this, '1', 'statusInfo', '处理完毕')">
                <div class="select-text">处理完毕</div>
                <img class="select-img" src="static/pic/app/option_click.png" style="display: none;" />
            </div>
        </div>

        <div id="optionItemFloatDiv2" class="option-item-float-div2" style="display: none;">
        	<div class="select-item" onclick="selectOption(this, '', 'reasonInfo', '举报原因')">
                <div class="select-text-click">全部</div>
                <img class="select-img" src="static/pic/app/option_click.png" />
            </div>
            <div class="select-item" onclick="selectOption(this, '违法、涉黄信息', 'reasonInfo', '违法涉黄')">
                <div class="select-text">违法、涉黄信息</div>
                <img class="select-img" src="static/pic/app/option_click.png" style="display: none;" />
            </div>
            <div class="select-item" onclick="selectOption(this, '冒用侵权问题', 'reasonInfo', '冒用侵权')">
                <div class="select-text">冒用侵权问题</div>
                <img class="select-img" src="static/pic/app/option_click.png" style="display: none;" />
            </div>
            <div class="select-item" onclick="selectOption(this, '信息虚假', 'reasonInfo', '信息虚假')">
                <div class="select-text">信息虚假</div>
                <img class="select-img" src="static/pic/app/option_click.png" style="display: none;" />
            </div>
            <div class="select-item" onclick="selectOption(this, '含未成年违禁内容', 'reasonInfo', '未成年违禁')">
                <div class="select-text">含未成年违禁内容</div>
                <img class="select-img" src="static/pic/app/option_click.png" style="display: none;" />
            </div>
            <div class="select-item" onclick="selectOption(this, '人身攻击', 'reasonInfo', '人身攻击')">
                <div class="select-text">人身攻击</div>
                <img class="select-img" src="static/pic/app/option_click.png" style="display: none;" />
            </div>
            <div class="select-item" onclick="selectOption(this, '其他', 'reasonInfo', '其他')">
                <div class="select-text">其他</div>
                <img class="select-img" src="static/pic/app/option_click.png" style="display: none;" />
            </div>
        </div>

        <script type="text/javascript">
            var report = new Vue({
                el: '#listBar',
                data: {
                    list: ''
                }
            });
        </script>

	</div>

</body>
</html>